<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  BOM(browser object model)是浏览器对象模型<br>
  1.window对象是一个全局对象，也可以说是javaScript中的顶级对象<br>
  2.像document、alert()、console.log()这些都是window的属性，基本的BOM的属性和方法都是window的<br>
  3.所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法<br>
  4.window对象下的属性和方法调用的时候可以省略window
  <script>
    // document.querySelector()
    // window.document.querySelector()
    console.log(document === window.document)  //true
    function fn() {
      console.log(11)
    }
    fn()
    window.fn()
    var num = 10
    console.log(num)
    console.log(window.num)
  </script>
</body>

</html>